<template>
  <AnSpace>
    <AnInput v-model="value">
      <template #prefix>
        prefix
      </template>
      <template #suffix>
        suffix
      </template>
    </AnInput>
    <AnInput v-model="value2"></AnInput>
    <AnInput type="password" v-model="value3"></AnInput>
    <!-- <AnInput type="textarea" v-model="value4"></AnInput> -->
  </AnSpace>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import AnSpace from '@packages/components/space'
import AnInput from '@packages/components/input'
const value = ref('1')
const value2 = ref('2')
const value3 = ref('3')
const value4 = ref('4')
</script>
